"use strict";
exports.__esModule = true;
exports.config = void 0;
var head_1 = require("next/head");
var button_1 = require("./button");
/**
 * 首页
 */
var Page = function () {
    return (<>
			<head_1["default"]>
				<title>首页</title>
			</head_1["default"]>
			{/* 主背景色 */}
			<div className='mainbg'>
				<img className='img' src='/images/home.jpg'/>
				<div className='bg'>

					<button_1["default"] />
				</div>

				<style jsx>{"\n.mainbg{\ndisplay: flex;\nflex-direction: column;\njustify-content: flex-end;\nwidth: 100vw;\nheight: 100vh;\n\n}\n.bg{\ndisplay: flex;\nflex-direction: column;\njustify-content: space-between;\nalign-items: center;\nbackground-color: rgb(35, 34, 34);\nwidth: 100%;\nheight: 20%;\nborder-style: none;\npadding: 2rem 2rem 5rem 3rem;\n{/* padding-left: 1rem;\npadding-right: 1rem;\npadding-top: 2rem;\npadding-bottom: 5rem; */}\n}\n\n\t\t\t"}</style>

			</div>
		</>);
};
exports.config = {
    amp: false
};
exports["default"] = Page;
